<script type="text/javascript">	
	function deleteUser(id){
		var $dialog = $(
			 "<div title='Delete'>" +
			  "<span>Are you sure you want to delete?</span>" +
			 "</div>"
		);
		$dialog.dialog({
			 autoOpen: false,
			 modal:true,
			 zIndex: 9999,
			 buttons:{
			  "Yes": function(){
					$.post("query/delete_user.php", {userid: id}, function(data){
						window.location.replace("panel.php?page=manage_user");
					});
				$( this ).dialog( "close" );	
			  },
			  "No": function(){
				$(this).dialog("close");
			  }
			 }
		});
		
		$dialog.dialog("open");
		return false;
	}
	
	function viewUser(id){
		//alert(id);
		
	}

</script>
<?php 
	include("query/db_connection.php");
?>
<!--  start nav-outer-repeat................................................... END -->

  <div class='clear'></div>
<!-- start content-outer ........................................................................................................................START -->
	<div id='content-outer'>
	<!-- start content -->
	<div id='content'>

	<!--  start page-heading -->
	<div id='page-heading'>
		<h1>Manage User</h1>
	</div>
	<!-- end page-heading -->

	<div id="add_button" style="margin-left:1160px; width:100px;">
		<a  href="panel.php?page=manage_add"><img style="border:none;" src="images/forms/add_button.png" /></a>
	</div>
	
	<table border='0' width='100%' cellpadding='0' cellspacing='0' id='content-table'>
	<tr>
		<th rowspan='3' class='sized'><img src='images/shared/side_shadowleft.jpg' width='20' height='300' alt='' /></th>
		<th class='topleft'></th>
		<td id='tbl-border-top'>&nbsp;</td>
		<th class='topright'></th>
		<th rowspan='3' class='sized'><img src='images/shared/side_shadowright.jpg' width='20' height='300' alt='' /></th>
	</tr>
	<tr>
		<td id='tbl-border-left'></td>
		<td>
		<!--  start content-table-inner ...................................................................... START -->
		<div id='content-table-inner'>
			<!--  start table-content  -->
			<div id='table-content'>
				<table border='0' width='100%' cellpadding='0' cellspacing='0' id='product-table'>
				<tr>
					<th class='table-header-check' id='head'>No.#</th>
					<th class='table-header-repeat line-left minwidth-1'><a href=''>Username</a>	</th>
					<th class='table-header-repeat line-left minwidth-1'><a href=''>Account Type</a></th>
					<th class='table-header-repeat line-left'><a href=''>Address</a></th>
					<th class='table-header-repeat line-left'><a href=''>Email</a></th>
					<th class='table-header-repeat line-left'><a href=''>Contact No</a></th>
					<th class='table-header-options line-left'><a href=''>Options</a></th>
				</tr>
				<tr>
					<?php include("query/manage_user_view.php"); ?>
				</tr>
				</table>
			</div>
			<!--  end table-content  -->
	
			<div class='clear'></div>
		 
		</div>
		<!--  end content-table-inner ............................................END  -->
		</td>
		<td id='tbl-border-right'></td>
	</tr>
	<tr>
		<th class='sized bottomleft'></th>
		<td id='tbl-border-bottom'>&nbsp;</td>
		<th class='sized bottomright'></th>
	</tr>
	</table>
	<div class='clear'>&nbsp;</div>

	</div>
	<!--  end content -->
	<div class='clear'>&nbsp;</div>
	</div>
	<!--  end content-outer........................................................END -->";

			
	
<!--  start nav-outer-repeat................................................... END -->

  <div class="clear"></div>
 
<!-- start content-outer ........................................................................................................................START -->
<div id="content-outer">
<!-- start content -->
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->

<div class="clear">&nbsp;</div>
    

